<style type="text/css">
	a:link {
		text-decoration: none;
	}
	
	a:visited {
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	a:active {
		text-decoration: none;
	}
	.zhuti {
		background: #49bfbf;
		background: rgba(73, 191, 191, 0.95);
		filter: alpha(opacity=95);
		padding: 20px 10px 20px 30px;
		width: 350px;
		position: absolute;
		top: 40px;
		left: -10px;
	}
	
	.zhuti .g_menu_con01 span {
		height: 24px;
		display: block;
		margin: 10px 100px 15px 0;
		float: left;
	}
	
	.zhuti .g_menu_con01 a {
		/*background: red;*/
		font-size: 15px;
		color: #fff;
		display: inline-block;
		float: left;
		height: 20px;
		line-height: 20px;
		width: 64px;
		text-align: center;
	}
	
	.zhuti .g_menu_con01 a:hover {
		border-bottom: 2px solid #fff;
	}
	
	.bottom-line {
		position: absolute;
		display: block;
		height: 5px;
		width: 70px;
		background: #000000;
		left: 21%;
		top: 90%;
	}
	
	.map-icon {
		position: absolute;
		background: transparent;
		width: 23px;
		height: 23px;
		display: block;
		top: 192px;
		left: 170px;
	}
	
	.line_show {
		overflow: hidden;
	}
	
	.line_show a:hover img {
		transform: none;
	}
	
	* {
		font-family: "微软雅黑";
	}
</style>
<div class="maskerElement" onclick="$('#login_box').hide();$(this).hide()" id="maskerElement" style="position: absolute; left: 0px; top: 0px; z-index: 1000; opacity: 0.6; width: 100%; height: 6000px; background-color: black; display: none;"></div>
<div class="formleft tan_p" style="display: none;" id="login_box">
	<div class="jiaru_c login"></div>
	<!--登录-->
	<h2>登录<span><a href="{:U('User/register')}" name="fuceng-denglu-zhuce">立即注册></a></span></h2>
	<form class="loginForm" method='post' id="loginForm">
		<input type="hidden" name="refer" id="reg_refer" value="" />
		<div class="forminput">
			<input id="username" name="username" class="valifytext" type="text" placeholder="用户名" AUTOCOMPLETE="OFF" />
			<span class="wrong left" style="display: none" id="user_msg">填写正确的用户名</span>
			<span class="duihao" style="display: none"></span>
		</div>
		<div class="forminput">
			<input id="password" name="password" type="password" class="valifytext" placeholder="请输入密码" />
			<span class="wrong left" style="display: none" id="pwd_msg">填写6-32个字符</span>
			<span class="duihao" style="display: none"></span>
		</div>
		<!--<div class="regist_qie black">
			<a href="http://login.uthing.cn/findpwd/default" name="fuceng-denglu-mima">忘记密码?</a>
		</div>-->
		<div class="formbtn">
			<div class="submit_btn" value="登录" name="fuceng-denglu-tijiaodenglu" onclick="login_ajax()">登录</div>
		</div>
	</form>
	<!--登录end-->
	<!--合作登录-->
	<div class="hezuo" style="display: none;">
		<div class="line_hezuo">
			<h4 class="tc">使用合作账号快速登录</h4></div>
		<div class="b_hezuo">
			<a href="javascript:;" id="qq_login" name="qq-denglu"><img style="float: left;" src="http://static.uthing.cn/images-2.1/login/qq.jpg">&nbsp;QQ</a>
			<a href="javascript:;" id="wb_login" name="weibo-denglu"><img style="float: left;" src="http://static.uthing.cn/images-2.1/login/weibo.jpg">&nbsp;微博</a>
			<a href="javascript:;" id="wx_login"><img style="float: left;" src="http://static.uthing.cn/images-2.1/login/weixin.jpg">&nbsp;微信</a>

		</div>
		<!--合作登录end-->
	</div>
</div>
<div class="header-top">

	<div class="login-div">
		<if condition="$islogin eq 0">
			<span id="login_btn" style="cursor: pointer;" onclick="$('.maskerElement').show();$('#login_box').show()">登陆</span> <span id="register_btn"><a href="{:U('User/register')}">注册</a></span>

			<else/>
			<a href="{:U('User/ucenter')}"> <span id="user_center" style="padding:5px; color: #FFFFFF;">欢迎您回来   用户名:{$user.username} 会员中心 <a href="javascript:logout()" style="color:#FFFFFF">注销</a></span></a>
		</if>
		<span class="tel"></span>
		<span class="tel-number">400-690-2323</span>
	</div>

</div>
<div class="top_bg">
	<div class="top_nav" style="position: relative;">
		<img class="group_logo" src="{$config['store_logo']}"/>

		<ul class="group_nav">
			<li>
				<a href="{:U('Index/index')}">首页</a>
			</li>

			<li>
				<a href="{:U('Product/lists')}">主题游</a>
			</li>
			<li>
				<a href="{:U('Product/lists',array('topic'=>'explore'))}">特色游</a>
			</li>
			<li>
				<!--	<a href="{:U('Product/article',array('topic'=>'make'))}">专属定制</a>-->
				<a href="{:U('Product/lists',array('topic'=>'classic'))}">专属定制</a>
			</li>
			<li>
				<!--<a href="{:U('Product/article',array('topic'=>''))}">优惠奖励</a>-->
				<a href="{:U('Product/lists',array('topic'=>'family'))}">家庭/亲子游</a>

			</li>
			<li>
				<!--<a href="{:U('Product/article',array('topic'=>''))}">优惠奖励</a>-->
				<a href="javascript::">游学/教育</a>

			</li>
			<li>
				<!--<a href="{:U('Product/article',array('topic'=>''))}">优惠奖励</a>-->
				<a href="javascript::">优惠奖励</a>

			</li>

			<li>
				<!--	<a href="{:U('Product/article')}">在线咨询</a>-->
				<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2632674343&site=qq&menu=yes">在线咨询</a>
			</li>

			<!--<div class="group_tel">北京电话(8610)56296548</div>
		<div class="group_tel" style="top: 50px;">英国电话0044(0)20 81339408</div>-->
		</ul>

	</div>
	<!--<span class="bottom-line"></span>-->
</div>
<script>
	$(function() {

		$(".group_nav li").hover(function() {
			if($(this).find("div").size() > 1) {
				$(this).find(".group_menu").slideDown();
				$(this).addClass("current");
			}
		}, function() {
			$(this).find(".group_menu").slideUp();
			$(this).removeClass("current");
		})
		$(".group_menu").hide();

<if condition="$controller_name neq 'User'">
		window.onscroll = function() {
		
			var t = document.documentElement.scrollTop || document.body.scrollTop;
			if(t > 10) {
				$(".top_bg").slideUp();
			} else {
				$(".top_bg").slideDown();
			}
		}
	
	</if>
});
	function login_ajax() {

		layer.load(1);
		$('.layui-layer.layui-layer-loading').css('top', '50%');

		var data = $("#loginForm").serialize();

		var url = "{:U('User/login_ajax')}";
		ajax(url, 'post', data, login_back);

	}
    function logout() {

		layer.load(1);
		$('.layui-layer.layui-layer-loading').css('top', '50%');



		var url = "{:U('User/logout')}";
		ajax(url, 'get', {}, logout_back);

	}

	function login_back(data) {
		layer.closeAll();

		if(data.status == 1) {
			layer.alert(data.msg, {
				icon: 1
			});
			window.location.href = data.url;
     
		} else {
			layer.alert(data.msg, {
				icon: 2
			});

		}
		$('.layui-layer-dialog').css('top', '30%');
}
		
		function logout_back(data) {
			layer.closeAll();
			layer.alert(data.msg, {icon: 1});
			setTimeout(function() {
				window.location.reload()
			}, 1000)
		
			$('.layui-layer-dialog').css('top', '30%');
		}


</script>